<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
	
	<?php echo $this->headTitle() ?>
	<?php echo $this->headMeta() ?>
    <?php echo $this->headLink() ?>    
    <?php echo $this->headStyle() ?>
    <?php echo $this->headScript() ?>
    <?php $url = $this->baseUrl()?>
    
</head>

<body>

<header id="top-section">
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" href="/templates/social/demo/dashboard.html">Thietdep</a>
<div class="nav-collapse collapse">
<ul class="nav pull-right" id="topnav">
<li><a href="<?php echo $url;?>/app/">Dashboard</a></li>
<!-- <li><a href="#top-section">Home</a></li>
<li><a href="#Section-1">Section-1</a></li>
<li><a href="#Section-2">Section-2</a></li>!-->
<li><a href="<?php echo $url;?>/registration/auth/login/">Đăng nhập</a></li>
<li><a href="<?php echo $url;?>/registration/auth/login/">Đăng ký</a></li>
</ul>
</div> 
</div>
</div>
</div>
 
<div class="hero-unit">
<div class="container-fluid">
<div class="row-fluid" style="height: 300px;">
  
<div class="span6 pull-right">
<div class="vendor" style="margin-bottom:30px;">
<div class="container-video ">
<div class="fluid-width-video-wrapper">
<iframe src="http://www.youtube.com/embed/De5Yl4aSbOM"></iframe>
</div>
</div>
</div>
</div>
 
 
<div class="span6 text-left" style="padding-right:30px;">
<h1 class="">Presentation title</h1>
<h2 class="">Present your apps or Boots or straps sub-title</h2>
<p class="">
Show responsive video on all devices.
</p>
<hr>
 
<div class="row-fluid">
<div class="span6">
<a class="btn  btn-info btn-block btn-large" href="#" title="">Buy now!</a>
</div>
<div class="span6">
<a class="btn  btn-success btn-block btn-large" href="#" title="">Learn more!</a>
</div>
</div>
 
</div>
 
</div>
</div> 
</div>
</header>
 
 
<section id="Section-1">
<div class="container">
 
<div class="row">
<div class="span4">
<div class="social-box">
<div class="header">
<h4>Feature Heading</h4>
</div>
<div class="body">
<p><span class="label label-new pull-left"><i class="icon-desktop icon-large"></i></span> Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
<p><a class="btn" href="#">View details »</a></p>
</div>
</div>
</div>
<div class="span4">
<div class="social-box">
<div class="header">
<h4>Feature Heading</h4>
</div>
<div class="body">
<p><span class="label label-new pull-left"><i class="icon-desktop icon-large"></i></span> Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
<p><a class="btn" href="#">View details »</a></p>
</div>
</div>
</div>
<div class="span4">
<div class="social-box">
<div class="header">
<h4>Feature Heading</h4>
</div>
<div class="body">
<p><span class="label label-new pull-left"><i class="icon-desktop icon-large"></i></span> Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
<p><a class="btn" href="#">View details »</a></p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="span4">
<div class="social-box">
<div class="header">
<h4>Feature Heading</h4>
</div>
<div class="body">
<p><span class="label label-new pull-left"><i class="icon-desktop icon-large"></i></span> Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
<p><a class="btn" href="#">View details »</a></p>
</div>
</div>
</div>
<div class="span4">
<div class="social-box">
<div class="header">
<h4>Feature Heading</h4>
</div>
<div class="body">
<p><span class="label label-new pull-left"><i class="icon-desktop icon-large"></i></span> Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
<p><a class="btn" href="#">View details »</a></p>
</div>
</div>
</div>
<div class="span4">
<div class="social-box">
<div class="header">
<h4>Feature Heading</h4>
</div>
<div class="body">
<p><span class="label label-new pull-left"><i class="icon-desktop icon-large"></i></span> Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
<p><a class="btn" href="#">View details »</a></p>
</div>
</div>
</div>
</div>

</div> 
</section>
 
 
<footer id="foot-sec">
<div class="container">
<div class="row">
<div class="span12">
<p>
2013 © <em>Thietdep</em>
</p>

</div>
</div>
</div>
</footer>
 
 
<div style="display: none;">
<ul class="rightPanel">
<li><a href="/templates/social/demo/pages/basic-user-profile.html"><i class="icon-user"></i><span>My Profile</span></a></li>
<li><a href="/templates/social/demo/pages/chat-inbox.html"><i class="icon-envelope"></i><span>Messages</span></a></li>
<li><a href="#"><i class="icon-tasks"></i><span>Taks</span></a></li>
</ul>
</div>
 
 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="/templates/social/assets/plugins/jquery/jquery-1.9.1.min.js?v1.4.0"><\/script>')</script>
<script src="<?php echo $this->baseUrl();?>/application/templates/front/default/js/twitter-bootstrap/bootstrap.js"></script>
<script src="<?php echo $this->baseUrl();?>/application/templates/front/default/js/jquery.parallax/jquery-parallax.js"></script>
<script src="<?php echo $this->baseUrl();?>/application/templates/front/default/js/jquery.localscroll/jquery-localscroll.js"></script>
<script src="<?php echo $this->baseUrl();?>/application/templates/front/default/js/jquery.scrollto/jquery-scrollto.js"></script>
<script>
    $(function() {
      $("[href|='#']").click(function(e) {
        e.preventDefault();
      });
      $('#topnav').localScroll(3000);
    })
</script>

</body>
</html>
